<template>
  <div>
    <h2>6G无线网络安全架构关键技术</h2>
    <div class="image-container">
        <el-image
          style="width: 50%; height: 30%"
          :src="require('@/assets/架构图.jpg')"
          :fit="fill"
        ></el-image>
    </div>
  
    
        <el-row type="flex" justify="center" align="middle">
          <el-card shadow="hover" style="width: 80%; border-radius: 4px">
            <el-collapse v-model="activeNames" accordion>
              <el-collapse-item name="1" align="left">
                <template #title>
                  <el-icon><Operation /></el-icon>
                  1 多模共生跨域信任网络安全体系架构
                </template>
                <div>
                  <!-- <el-link :underline="false" style="font-weight:bold;">功能：</el-link> -->
                  <!-- <br> -->
                  <el-link
                    href="http://172.16.10.16:8050/login"
                    target="_blank"
                    type="danger"
                    >6G分布式身份认证管理平台</el-link
                  >
                  <!-- <br> -->
                  <!-- <el-link href="http://172.16.10.16/" target="_blank" type="danger">软件定义安全平台</el-link> -->
                </div>
              </el-collapse-item>
              <el-collapse-item name="2" align="left">
                <template #title>
                  <el-icon><Headset /></el-icon>2 逼近香农一次一密安全内生机制
                </template>
                <div>
                  <!-- <el-link :underline="false" style="font-weight:bold;">项目服务：</el-link> -->
                  <!-- <br>  -->
                  <el-link
                    href="http://172.16.40.29:6080"
                    target="_blank"
                    type="danger"
                    >物理层安全传输系统_Alice</el-link
                  >
                  <br />
                  <el-link
                    href="http://172.16.11.82:6080"
                    target="_blank"
                    type="danger"
                    >物理层安全传输系统_Bob</el-link
                  >
                   <br />
                  <el-link
                    href="http://172.16.11.98:6080"
                    target="_blank"
                    type="danger"
                    >物理层安全传输系统_Eve</el-link
                  >
                  <!-- <br>
                <el-link href="http://172.16.11.100:6080" target="_blank" type="danger">全双工一次一密安全传输系统_Eve</el-link> -->
                </div>
              </el-collapse-item>
              <el-collapse-item name="3" align="left">
                <template #title>
                  <el-icon><Document /></el-icon> 3 类生物免疫安全
                </template>
                <div>
                  <!-- <el-link :underline="false" style="font-weight:bold;">功能：</el-link> -->

                  <!-- <el-link href="http://172.16.10.20:61201/index/" target="_blank" type="danger">类生物免疫安全系统</el-link> -->
                  <!-- <br> -->
                  <el-link
                    href="http://172.16.10.20:9001/AIindex/"
                    target="_blank"
                    type="danger"
                    >智能攻防</el-link
                  >
                  <br />
                  <el-link
                    href="http://172.16.10.20:9001/SAindex/"
                    target="_blank"
                    type="danger"
                    >态势感知
                  </el-link>
                </div>
              </el-collapse-item>
              <el-collapse-item name="4" align="left">
                <template #title>
                  <el-icon><Mouse /></el-icon> 4 去中心化安全攻防评估体系
                </template>
                <div>
                  <!-- <el-link :underline="false" style="font-weight:bold;">项目服务：</el-link> -->
                  <!-- <br> -->
                  <el-link
                    href="http://172.16.11.101/"
                    target="_blank"
                    type="danger"
                    >终端设备脆弱性快速检测系统</el-link
                  >
                  <br />
                  <el-link
                    href="http://172.16.10.131:5222/index"
                    target="_blank"
                    type="danger"
                    >HDetect蜜罐</el-link
                  >
                  <!-- <br> -->
                  <!-- <el-link href="http://172.16.11.112:5000" target="_blank" type="danger">僵尸网络</el-link> -->
                  <br />
                  <el-link
                    href="http://172.16.11.112:8080"
                    target="_blank"
                    type="danger"
                    >攻击者画像</el-link
                  >
                </div>
                <!-- <iframe src="http://172.16.11.112/"></iframe> -->
              </el-collapse-item>
              <!-- <el-collapse-item name="5" align="left">
            <template #title>
              <el-icon><Guide /></el-icon> 课题五网站
            </template>
            <div>
              <el-link :underline="false" style="font-weight:bold;">项目服务：</el-link>
              <el-link href="http://172.16.10.24:11000" target="_blank" type="danger">nextcloud</el-link>
            </div>
          </el-collapse-item> -->
            </el-collapse>
          </el-card>
        </el-row>
    
    </div>
  
</template>

<script>
export default {
  name: "SiteMap",
  data() {
    return {
      activeNames: [""],
    };
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
h2 {
  text-align: center;
}
.el-collapse-item__header {
  font-size: 15px !important;
  font-weight: bold !important;
}

.el-collapse {
  border-top: 0 !important;
}

.el-link__inner {
  margin: 1vh;
}

.el-icon {
  margin-right: 1vh;
}


.image-container {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

</style>
